<template>
  <page-container title="Page 1" sub-title="is a sub-title.">
    <div>
      <HelloWorld msg="Hello"></HelloWorld>
      <HelloWorld msg="Hello"></HelloWorld>
      <HelloWorld msg="Hello"></HelloWorld>
      <HelloWorld msg="Hello"></HelloWorld>
      <HelloWorld msg="Hello"></HelloWorld>
      <HelloWorld msg="Hello"></HelloWorld>
      <HelloWorld msg="Hello"></HelloWorld>
      <HelloWorld msg="Hello"></HelloWorld>
      <HelloWorld msg="Hello"></HelloWorld>
      <HelloWorld msg="Hello"></HelloWorld>
      <HelloWorld msg="Hello"></HelloWorld>
      <HelloWorld msg="Hello"></HelloWorld>
      <HelloWorld msg="Hello"></HelloWorld>
      <HelloWorld msg="Hello"></HelloWorld>
      <HelloWorld msg="Hello"></HelloWorld>
      <HelloWorld msg="Hello"></HelloWorld>
    </div>
  </page-container>
</template>

<script lang="ts" setup>
import HelloWorld from '@/components/HelloWorld.vue'
</script>

<style lang="less" scoped></style>
